<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Chào mừng bạn đến với SELENE</title>
<link href="Css/Login.css" rel="stylesheet" type="text/css" />
<script src="Script/Date.Dropdown.js" type="text/javascript"></script>
</head>

<body>
<div class="body" id="body">
	<!--Phần header-->
	<div class="header" id="header">
    	<!--Công cụ bên trái header-->
    	<div class="lefttool" id="lefttool">
            <!--Phần logo-->
            <div class="logoblock" id="logoblock">
                <a href="index.html"><div class="logo" id="logo"></div><span>Selene</span></a>
            </div>
            <!--/Phần logo-->
        </div>
        <!--Công cụ bên trái header-->
        <!--Công cụ bên phải header-->
        <div class="righttool" id="righttool">
			<div class="menu_login_container">
            	<!--<label class="lbllogin" for="user_name">Đăng nhập</label>-->
                <form id="login_form">
                	<div class="div_login_item">
                        <label for="txtlog_username">Tên đăng nhập:</label>
                        <input class="txtlog_user" id="txtlog_username" type="text" />
                    </div>
                    <div class="div_login_item">
                        <label for="txtlog_passw">Mật khẩu:</label>
                        <input class="txtlog_user" id="txtlog_passw" type="text" />
                    </div>
                    <div class="div_login_item">
                    	<input type="checkbox" class="chk_login_remeber" id="chk_login_remeber" />
                        <label for="chk_login_remeber" class="lbl_remember_login">Ghi nhớ mật khẩu</label>
                     </div>
                     <div class="div_login_item">
                        <input type="submit" class="btnlogin" value="Đăng nhập" />
                   	 </div>
                     <div class="div_login_item">
                         <a href="#">Quên mật khẩu!</a>
                     </div>
                </form>
            </div>
        </div>
        <!--/Công cụ bên phải header-->
    </div>
    <!--/Phần header-->
    <!--Phần thân khung đăng ký-->
    <div class="wrapper" id="wrapper">
        <!--Khung bên trái-->
        <div class="colleft">
        </div>
        <!--/Khung bên trái-->
        <!--Khung bên phải-->
        <div class="colright">
        <!--/Phần thân khung đăng ký-->
            <form id="regis_form">
                <div class="menu_register_container">
                    <label for="lbl_register" class="lblregister">Đăng ký</label>
                    <div class="div_regis">
                        <label for="lbl_name">Họ và Tên:</label>
                        <input placeholder="Nhập họ và tên thật" class="txt_name_regis" autofocus="autofocus" type="text" />
                    </div>
                    <div class="div_regis">
                        <label for="lbl_usr_name">Tên đăng nhập:</label>
                        <input placeholder="Tên dùng để đăng nhập" class="txt_name_regis" type="text" />
                    </div>
                    <div class="div_regis">
                        <label for="lbl_email">Email:</label>
                        <input placeholder="Nhập email" class="txt_email_regis" type="text" />
                    </div>
                    <div class="div_regis">
                        <label for="lbl_conemail">Nhập lại email:</label>
                        <input placeholder="Nhập lại email" class="txt_conemail_regis" type="text" />
                    </div>
                    <div class="div_regis">
                        <label for="lbl_pass">Mật khẩu mới:</label>
                        <input placeholder="Nhập mật khẩu" class="txt_new_pass_regis" type="password" />
                    </div>
                    <div class="div_regis">
                        <label for="lbl_conpass">Nhập lại mật khẩu:</label>
                        <input placeholder="Xác nhận lại mật khẩu" class="txt_new_conpass_regis" type="password" />
                    </div>
                    <div class="div_regis">
                        <label for="lbl_sex">Giới tính:</label>
                        <select class="select_sex" name="sex" id="sex">
                            <option value="0">Chọn Giới Tính:</option>
                            <option value="1">Nữ</option>
                            <option value="2">Nam</option>
                        </select>
                    </div>

                    <div class="div_regis_date">
                    	<label for="lbl_birth_date">Sinh nhật:</label>
                        <form action="lbl_birth_date" name="someform" class="drop_down_date">
                            <select aria-label="Ngày" id="daydropdown"></select> 
                            <select aria-label="Tháng" id="monthdropdown"></select> 
                            <input class="txt_regis_year" placeholder="Năm" />
                         </form>   
                    </div>
                    <div class="div_regis">
                        <input type="submit" class="btn_regis" value="Đăng ký mới" />
                    </div>
					<script type="text/javascript">
						//populatedropdown(id_of_day_select, id_of_month_select, id_of_year_select)
						window.onload=function(){
							populatedropdown("daydropdown", "monthdropdown", "yeardropdown")
						}
                    </script>
                </div>
            </form>
         <!--/Phần thân khung đăng ký-->
        </div>
        <!--/Khung bên phải-->
    </div>
</div>
</body>
</html>
